import avatarBg from './bg.jpg'

const userStyle = {
  root: {
    position: 'relative',
    padding: '60px 20px 40px',
  },
  bg: {
    backgroundImage: `url(${avatarBg})`,
    backgroundSize: 'cover',
    position: 'absolute',
    left: 0,
    right: 0,
    top: 0,
    bottom: 0,
    '&::after': {
      content: '\' \'',
      position: 'absolute',
      left: 0,
      right: 0,
      top: 0,
      bottom: 0,
      backgroundColor: 'rgba(0,0,0,.6)',
    },
  },
  avatarImg: {
    margin: '0 auto',
  },
  info: {
    width: 80,
    height: 70,
    color: 'white',
    position: 'absolute',
    left: 0,
    right: 0,
    top: 0,
    bottom: 0,
    margin: 'auto',
  },
  userName: {
    fontSize: 12,
    textAlign: 'center',
    marginTop: 10,
  },
}

export default userStyle
